page {
	background-color: #F0F2F3;
}

.bill {
	padding-bottom: 200rpx;

	.goods_box {
		margin-top: 16rpx;
		background-color: #fff;

		.detail_box {
			padding: 0 24rpx;

			.d_top {
				height: 75rpx;
				line-height: 75rpx;
				display: flex;
				justify-content: space-between;
				border-bottom: 1px solid #D8D8D8;
				font-size: 28rpx;
			}

			.d_middle {
				padding: 25rpx 0;
				line-height: 60rpx;
				color: #666666;
				font-size: 24rpx;
			}

			.d_time {
				font-size: 28rpx;
				height: 75rpx;
				line-height: 75rpx;
				display: flex;
				justify-content: space-between;
				border-top: 1px solid #D8D8D8;

				.books {
					margin-top: 13rpx;
					height: 48rpx;
					border: 1px solid #69B657;
					color: #69B657;
					line-height: 48rpx;
					padding: 0 12rpx;
					font-size: 24rpx;
				}
			}

			.icon {
				color: #999;
			}
		}

	}

	.btn-view {
		position: fixed;
		bottom: 34rpx;
		display: flex;
		width: 100%;
		justify-content: center;
		margin-top: 79rpx;

		.btn {
			color: #fff;
			width: 640rpx;
			height: 88rpx;
			text-align: center;
			line-height: 88rpx;
			background: #5FB257;
			border-radius: 8rpx;
		}
	}

	.open_price_dialog {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		background-color: #fff;
		border-radius: 10rpx;
		overflow: hidden;

		.title {
			color: #000;
			font-size: 32rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			font-weight: bold;
		}

		.content {
			margin-bottom: 50rpx;

			.unit_price {
				text-align: center;
			}

			.field_value {
				--cell-value-color: #333;
				--cell-text-color: #333;
			}

			.field_value_class {
				text-align: left;
			}
		}

		.footer {
			height: 90rpx;
			line-height: 90rpx;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-items: center;

			.click_actived {
				background-color: #eee;
			}

			.cancel {
				width: 50%;
				color: #333;
				text-align: center;
				border-right: 1rpx solid #CACACA;
				border-top: 1rpx solid #CACACA;

			}

			.submit {
				width: 50%;
				text-align: center;
				color: var(--my-primary);
				border-top: 1rpx solid #CACACA;

			}
		}
	}

	.text-overflow {
		width: 400rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}